<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <svg width="500" height="500">
        <!-- moveto lineto -->
        <path d="M 0 0 L 200 200 L 300 200" stroke="red" fill="none" id="pp"></path>

        <circle cx="0" cy="0" r="10" fill="yellow">

            <animateMotion dur = '6s' repeatCount="10">
                <mpath xlink:href="#pp"></mpath>
            </animateMotion>

        </circle>

    </svg>
</body>
</html>